body{
	margin: 0;
	font-family: verdana Arial;
	background-color: #ddd;
	/*background-size:100% 100%;
	background-image:url('/pie/web/DC/svn/trunk/image/web/desktopBg.jpg'); */
}
.hidden{
	display: none;
}
#pie{
	position: absolute;
	background-color: #ea4c89;
	min-height: 100%;
}
.pieHeader{
	background-color: #ea4c89;
	position: fixed;
	top:0;
	display: none;
	color:white;
}
.headerLeft{
	float: left;
	width: 20%;
	text-align: center;
	padding: 10px 0 10px 0;
	cursor: pointer;
}
.headerCenter{
	float: left;
	width: 60%;
	text-align: center;
	padding: 10px 0 10px 0;
}
.headerRight{
	float: left;
	width: 20%;
	text-align: center;
	padding: 10px 0 10px 0;
	cursor: pointer;
}
.pieFooter{
	background-color: #ea4c89;
	position: fixed;
	bottom: 0;
	display: none;
	color:white;
}
#pieLoginPageHeader{
	text-align: center;
}
#pieLoginPageFooter{
	text-align: center;
}
.piePage{
	display: none;
}
.formArea{
	padding:10px 0 10px 0;
	width: 90%;
	margin: auto;
	background-color: white;
}
.formTitle{
	font-size: 10px;
	color: #999;
	text-align: center;
}
.formItem{
	height: 36px;
	width: 90%;
	margin: auto;
	margin-top: 15px;
	color:white;
}
.formInputItem{
}
.formInputItem input{
	border:none;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	outline:none;
	font-family: verdana;
}
.formInfoItem{
	font-size: 14px;
}
.itemName{
	float: left;
	text-align: right;
}
.itemInput{
	background-color: rgb(203, 240, 247);
}
.itemSubmit{
	cursor: pointer;
	background-color: rgb(255, 90, 154);
	color: white;
	font-size: 18px;
}
#findBackPassword{
	float: left;
	cursor: pointer;
}
#doRegNow{
	float: right;
	cursor: pointer;
}
#indexPage{
	background-image:url('/pie/web/DC/svn/trunk/image/loading.png');
	background-size: 100% 100%;
}
#pieLoginPage{
	margin-top: 100px;
}
#pieLoginPage .formArea{
	background:none;
}
#pieRegPage{
	margin-top: 50px;
}
#pieActivatePage{
	margin-top: 50px;
}
#pieMatchPage{
	margin-top: 40px;
}
#pieMatchPage .pageBody{
	background-color: white;
}
#userHead{
	position: absolute;
	border-radius: 50%;
	background-size: 100% 100%;
	background-image: url('/pie/web/DC/svn/trunk/image/userHead.png');
	cursor: pointer;
}
#mateHead{
	position: absolute;
	border-radius: 50%;
	background-size: 100% 100%;
	background-image: url('/pie/web/DC/svn/trunk/image/mateHead.jpg');
	cursor: pointer;
}
#pieMatchInfoBox{
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color:#999;
}
#countDown{
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 48px;
}
.countDownNum{
	display: inline-block;
}
.countDownColon{
	display: inline-block;
	color:#999;
}
.homeBody{
	background-size: 100% 100%;
}
.homeFooter{
	background-color: #eee;
}
.pageNav{
	float: left;
	color: #333;
	font-size: 15px;
	cursor: pointer;
}
.pageNav:hover{
	background-color: #ea4c89;
}
.pageNav .ta-menuicon{
	padding-top: 30px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
}
.pageNav .ta-menudes{
	font-size: 15px;
	line-height: 40px;
	text-align: center;
}
#userHomePage{
}
#userHomePage .homeBody{
	
	background-image: url('/pie/web/DC/svn/trunk/image/userHead.png');
}
#userPhotoArea{

}
#uploadPhoto{
	background-image: url('/pie/web/DC/svn/trunk/image/uploadPhoto.png');
}
.userPhoto{
	width: 120px;
	height: 120px;
	margin-right: 5px;
	background-size: 100% 100%;
	float: left;
}
#mateHomePage .homeBody{
	background-image: url('/pie/web/DC/svn/trunk/image/userHead.png');
}
.pieLabel{
	text-align: right;
	width: 60px;
	color: #ea4c89;
	float: left;
	margin-top: 5px;
}
.pieLabel i{
	float: left;
}
.userTestChoices { text-align:center;list-style:none; width:460px; margin:auto;padding:0;margin-bottom: -5px;}
.userTestChoices li { display:inline-block;}
.userTestChoices li a {
	display:block;
	width:80px;
	height:80px;
	margin:5px;
	background-color:#fcb0cd;
	text-indent:-9999px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	-o-border-radius:40px;
}
.ratingInfo { clear:left; width:350px; height:45px;margin:auto; padding-bottom: 10px;}
.ratingInfo p { color:black;text-align:center; background-image:url("/pie/web/DC/svn/trunk/image/textbg.png"); font:20px Georgia,'Times New Roman',serif; padding:10px;
	-moz-box-shadow:0 0 5px #888; -moz-border-radius:40px; -webkit-box-shadow:0 0 5px #888; -webkit-border-radius:40px; -o-box-shadow:0 0 5px #888; -o-border-radius:40px; }